           
           


           @media(max-width:1530px){
                main .about .fluid .content .book,
                main .case .row:nth-child(1) .book,
                main .introduce .book{
                    width: 270px;
                    height: 350px;
                }
                main .about .fluid .content .book>p,
                main .case .row:nth-child(1) .book>p,
                main .introduce .book>p{
                    padding:35px 20px;
                    font-size: 90px;
                }
                main .about .fluid .pic{
                    padding-left: 4.6vw;
                }
                main .about .fluid .content .info{
                    padding-right: 2vw;
                }
                main .about .fluid .content .infoTxt p{
                    font-size: 16px;
                }
                main .about .fluid .pic .tips .item{
                    margin-top: 2vw;
                }
                main .about .fluid .pic .tips .item .itemTitle{
                    margin-bottom: 1.8vw;
                }
                main .about .fluid .pic .tips .item:last-child{
                    margin-top: 2.2vw;
                }
                main .introduce .content{
                    padding-left: 270px;
                }
                main .introduce .content .txt{
                    padding-left: 2vw;
                    padding-right: 2.2vw;
                }
           }
           @media (max-width:1350px){
                main .about .fluid .content .more,
                main .case .details .more,
                main .introduce .content .txt .more,
                main .news>.more{
                       width:280px;
                }
                main .tip .fluid .box .top p:nth-child(2){
                    font-size: 28px;
                    margin-top: 20px;
                    line-height: 28px;
                }
                main .tip .fluid .box .top h2,
                 main .tip .fluid .box .top p:last-child{
                    font-size: 42px;
                    line-height: 42px;
                    margin-top: 15px;
                }
                main .tip .fluid .box .bottom{
                    width: 280px;
                    float: right;
                    position: relative;
                    left: initial;
                }
            }
            @media (max-width:1240px){
               main .headSwiper .swiper-container{
                   height: 720px !important;
               }
            }
            @media (max-width:1200px){

            }
            
            
            @media(max-width:1050px){
                main .news ul li{
                    width: 100%;
                }
                main .news ul li .content .txt p{
                    min-height: initial;
                    max-height: 80px;
                }
                main .news ul li + li{
                    margin-left: 0px;
                    margin-top: 30px;
                }
                main .news ul li .pic{
                    height: initial;
                }
            }
            @media(max-width:1024px){
                main .tip{
                    height: 80vh;
                }
                main .introduce .content .txt .txtBox .txtName{
                    font-size: 42px;
                }
            }
            @media(max-width:1023px){
                main .about .fluid>*{
                    width: 100% !important;
                    float: initial !important;
                }
                main .about .fluid .pic{
                    padding-left: 0px;
                    margin-top: 100px;
                }
                main .case .details{
                    width: 100%;
                }
                main .case .swiper{
                    margin-top: 120px;
                    display: block;
                }
                main .case .swiper #caseSwiper{
                    float: initial;
                    width: 100%;
                    height: initial;
                }
                main .case .swiper .title{
                    position: initial;
                    text-align: left;
                    margin-top: 20px;
                    width: 100%;
                }
                main .case .swiper .title #caseNameSwiper{
                    height: 72px;
                }
                main .case .swiper>.btns{
                    position: relative;
                    float: right;
                    bottom: 85px;
                    right: 15px;
                }
                main .case .swiper #caseSwiper .swiper-pagination{
                    display: block;
                }
                main .case .swiper>.btns .swiper-pagination{
                    display: none;
                }
                main .introduce .content{
                    padding-left: 0px;
                    margin-top: 80px;
                }
                main .introduce .content .txt .txtBox>p:first-child{
                    font-size: 30px;
                }
                
                main .introduce .content .txt .txtBox .info p{
                    font-size: 16px;
                    margin-top: 20px;
                }
            }
            @media (max-width:900px){
                
                main .tip{
                    height: 70vh;
                }
                main .tip .fluid .box .top p:nth-child(2){
                    font-size: 24px;
                    line-height: 24px;
                }
                main .tip .fluid .box .top h2, 
                main .tip .fluid .box .top p:last-child{
                    margin-top: 10px;
                    font-size: 30px;
                    line-height: 30px;
                }
                main .tip .fluid .box .top{
                    bottom: 50%;
                    transform:translateY(50%);
                }
                main .tip .fluid .box .bottom{
                    transform:translate(0%,-50%);
                    width: 215px;
                }
                main .tip .fluid .box .bottom p{
                    margin-top: 10px;
                    line-height: 140%;
                }
                main .case{
                    padding:80px 0px;
                }
                main .case .row:nth-child(1) .box:first-child,
                main .case .row:nth-child(1) .box:last-child{
                    float: initial;
                    width: initial;
                }
                main .case .details{
                    margin-top: 100px;
                    padding-bottom:70px;
                }
            }
          
            @media (max-width:767px){
                main .headSwiper .swiper-container{
                    height: 450px !important;
                }
                main .about .fluid .content .book,
                 main .case .row:nth-child(1) .book,
                 main .introduce .book{
                    width: 100%;
                    height: 300px;
                }
                main .about .fluid .content .book>p,
                main .case .row:nth-child(1) .book>p,
                main .introduce .book>p{
                    padding:35px 15px;
                    font-size: 80px;
                }
                main .about .fluid .content .book>p span,
                main .case .row:nth-child(1) .book>p span,
                main .introduce .book>p span{
                    left: 20px;
                }
                main .about .fluid .content .infoTitle p img{
                    width: 25px;
                    height: auto;
                }
                main .about .fluid .content .infoTitle p{
                    font-size: 18px;
                }
                main .about .fluid .content .infoTitle .line{
                    margin-top: 15px;
                    margin-bottom: 20px;
                }
                main .about .fluid .content .infoTxt p{
                    font-size: 14px;
                }
                main .about .fluid .pic{
                    margin-top: 60px;
                }
                main .about .fluid .pic .tips .item{
                    margin-top: 15px;
                    font-size: 20px;
                }
                main .about .fluid .pic .tips .item:last-child{
                    margin-top: 20px;
                }
                main .about .fluid .pic .tips .item .itemTitle{
                    margin-bottom: 15px;
                }
                main .tip{
                    margin-top: 50px;
                }
                main .tip .fluid .box .top p:nth-child(2){
                    font-size: 20px;
                    line-height: 20px;
                }
                main .tip .fluid .box .top h2, 
                main .tip .fluid .box .top p:last-child{
                    margin-top: 10px;
                    font-size: 24px;
                    line-height: 24px;
                }
                main .case .row:nth-child(1) .examples ul li{
                    width: 100%;
                    margin-top:40px;
                    text-align: center;
                }
                main .case .row:nth-child(1) .examples>p{
                    text-align: center;
                }
                main .case .row:nth-child(1) .examples>p .num{
                    margin-right: 10px;
                }
                main .case .swiper #caseSwiper{
                    height: 56vw;
                }
                main .introduce .content{
                    display: block;
                }
                main .introduce .content>*{
                    width:100%
                }
                main .introduce .content .pic{
                    min-height: initial;
                    height: 90vw;
                    margin-top: 50px;
                }
                main .introduce .content .txt{
                    padding:0px;
                    display: block;
                    margin-top: 15vw;
                }
                main .introduce .content .txt .txtBox>p:first-child{
                    font-size: 24px;
                }
                main .introduce .content .txt .txtBox .line{
                    margin: 15px 0px;
                }
                main .introduce .content .txt .txtBox .txtName{
                    font-size: 36px;
                }
                main .introduce .content .txt .txtBox .info p{
                    font-size: 14px;
                    margin-top: 15px;
                }
                main .introduce .content .txt .more{
                    margin-top: 18vw;
                }
                main .case .row:nth-child(1){
                    margin-bottom: 100px;
                }
                main .case .details{
                    padding-bottom: 0px;
                }
            }
            @media (max-width:650px){
                
                
                header .headSwiper .head-pagination{
                    width: 85px;
                    height: 16px;
                    bottom: 15px;
                    right: 25px;
                }
                header .headSwiper .head-pagination .swiper-pagination-bullet{
                    margin:5px 0px;
                }
                header .headSwiper .head-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{   
                    margin-left: 15px;
                }
                header .headSwiper .head-pagination .swiper-pagination-bullet-active{
                    border-width: 5px;
                    margin-top:0px;
                    margin-bottom: 0px;
                }
                main .case .details{
                    width: 100%;
                }
                main .case .details>p,
                main .case .details>ul{
                    padding-left: 0px;
                }
                main .case .details>ul{
                    overflow: hidden;
                }
                main .case .swiper #caseSwiper .case-pagination{
                    width: 16px;
                    height: 85px;
                }
                main .case .swiper #caseSwiper .case-pagination .swiper-pagination-bullet{
                    margin-left: 5px;
                    margin-right:5px;
                }
                main .case .swiper #caseSwiper .case-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{
                    margin-top: 15px;
                }
                main .case .swiper #caseSwiper .case-pagination .swiper-pagination-bullet-active{
                    border-width: 5px;
                    margin-left:0px;
                    margin-right: 0px;
                }
                main .case .swiper>.btns{
                    height: 30px;
                    bottom: 45px;
                }
                main .case .swiper>.btns .swiperBtn{
                    width: 30px;
                    background-size: 10px 15px;
                }
                main .news>.more{
                    margin-top: 90px;
                }
        
            }
            @media (max-width:550px){
                main .about .fluid .content .more,
                 main .case .details .more,
                  main .introduce .content .txt .more,
                   main .news>.more{
                       width:100%;
                       padding:12px 0px;
                       height: 40px;
                   }
                   .order .noBg{
                       line-height: 40px;
                   }
                   main .case .details>ul li{
                       width: 100%;
                       float: initial;
                       margin-top:35px;
                   }
                   main .case .details>ul li a .line{
                       width: 20px;
                   }
                   main .case .row:nth-child(1) .examples>p .num{
                       font-size: 150px;
                       line-height: 150px;
                   }
                   main .case .row:nth-child(1) .examples ul li .num{
                       font-size: 54px;
                       line-height: 54px;
                   }
                   main .case .row:nth-child(1) .examples ul li{
                       font-size: 14px;
                   }
                   main .case .swiper .title p{
                       font-size: 36px;
                       line-height: 36px;
                   }
                   main .news>p{
                       margin-bottom: 50px;
                   }
                   main .news>p span:first-child{
                       font-size: 36px;
                       line-height: 36px;
                   }
                   main .news>p span:last-child{
                       font-size: 24px;
                   }
            }
            @media(max-width:480px){
                main .case .swiper #caseSwiper .case-pagination{
                    top: initial;
                    bottom: 40%;
                }
            }
            

            